/**
 * Created by Administrator on 2018/7/30/030.
 */
/**
 * Created by Administrator on 2018/7/27/027.
 */
// layui方法

layui.use(['table', 'form', 'layer','element','laydate'], function () {

    // 操作对象
    var form = layui.form,
        table = layui.table,
        layer = layui.layer,
        laydate = layui.laydate,
        element = layui.element,
        $ = layui.jquery;


    var token = $('#_token').val();
    var tableIns;
    var check_val;  //冻结状态

    // 列表初始化
    getAccountList();
    //绑定日期插件
    laydate.render({
        elem: '#start_date', //指定元素
    });
    laydate.render({
        elem: '#end_date', //指定元素
    });

    //刷新
    $('#btn-refresh').on('click', function () {
        tableIns.reload();
    });

    //清空
    $('.clear').on('click', function () {
        location.href='/admin'
    });

    //添加
    $('#btn-add').on('click',function(){
        //自定页
        layer.open({
            type: 1,
            title:['添加账号','font-size: 16px;color: #000;font-weight: bolder;'],
            skin: 'layui-layer-rim', //加上边框
            area: ['476px', '446px'], //宽高
            content: $('.add_account'),
            success:function(){

            }

        });
    });


    //工具条操作
    table.on('tool(admin_data)', function(obj) {

        //详情
        if(obj.event === 'detail') {
            // 添加TAB选项卡
            location.href = '/acc_detail?uuid=' + obj.data.id + '&flag=' + obj.data.frozen_flag;

        }

        //充值动作
        if(obj.event === 'recharge') {
            var index = layer.load(2, {
                shade: [0.1,'#fff'] //0.1透明度的白色背景
                , time: 1000,
                end:function(e){
                    //自定页
                    layer.open({
                        type: 1,
                        title:['充值','font-size: 16px;color: #000;font-weight: bolder;'],
                        skin: 'layui-layer-rim', //加上边框
                        area: ['400px', '360px'], //宽高
                        content: $('.acc_recharge'),
                        success:function(){
                            check_val = obj.data.frozen_flag;
                            getOrderNumber();
                            $('#user_id').val(obj.data.id);
                        }
                    });
                }
            });
        }

        //冻结账号
        if(obj.event === 'del') {
            layer.confirm('确定删除此账号？删除以后该账号将无法使用,请谨慎操作', {
                btn: ['删除','取消'] //按钮
            }, function(){
                delAccount(obj);
            })
        }
    });

    //查询
    form.on('submit(search)', function (data) {
        var search_data = data.field;
        getAdminList(search_data);
    });

    //添加提交
    form.on('submit(add_admin)', function (data) {
        addAccount(data);
    });

    // 渲染列表
    function getAccountList(data){
        tableIns = table.render({
            elem: '#admin_data',
            page: true,
            count: 100,
            limit: 10,
            cellMinWidth: 80, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
            jump: function(obj){

            },
            cols: [[                  //标题栏
                {field: 'id', title: '管理员ID'}
                ,{field: 'username', title: '用户名'}
                // , {field: 'mobile', title: '权限'}
                , {field: 'created_at', title: '创建时间'}
                // , {field: 'frozen_status', title: '管理员状态'}
                , {fixed: 'right', title: '操作', width: 180, align: 'center', toolbar: '#barOption'} //这里的toolbar值是模板元素的选择器
            ]],
            url: '/getAdminList',
            where: data,    //查询参数
            method: 'get',
            done: function (res, curr, count) {
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                // console.log(res);

                //得到当前页码
                // console.log(curr);

                //得到数据总量
                // console.log(count);
            }
        });
    }

    //添加会员
    function addAccount(data){
        var data = data.field;
        data._token = token;

        console.log(data);
        $.ajax({
            url: '/addAdmin',          //  登录
            type: 'post',
            data: data,
            timeout: 1000,
            dataType: 'json',
            success: function (data, textStatus, jqXHR) {

                if (data.error_code == 0) {
                    layer.msg('添加成功',{
                        time: 2000, //2s后自动关闭
                        end:function(e){
                            layer.closeAll();
                            tableIns.reload();
                        }
                    });
                } else {
                    layer.msg(data.error_message,{
                        time: 1000, //2s后自动关闭
                        end:function(e){
                            layer.closeAll();
                            tableIns.reload();
                        }
                    });
                }
            },
            error:function(){
                layer.msg('出错了',{
                    time: 1000,
                    end:function(e){
                        layer.closeAll();
                        tableIns.reload();
                    }});
            }
        })

    }


    //删除会员
    function delAccount(obj){
        var data = obj.data;
        data._token = token;

        $.ajax({
            url: '/deleteAdmin',          //  登录
            type: 'post',
            data: {
                id:data.id,
                _token:token
            },
            timeout: 1000,
            dataType: 'json',
            success: function (data, textStatus, jqXHR) {

                if (data.error_code == 0) {
                    layer.msg('删除成功',{
                        time: 1000, //2s后自动关闭
                        end:function(e){
                            layer.closeAll();
                            tableIns.reload();
                        }
                    });
                } else {
                    layer.msg(data.error_message,{
                        time: 1000, //2s后自动关闭
                        end:function(e){
                            layer.closeAll();
                            tableIns.reload();
                        }
                    });
                }
            },
            error:function(){
                layer.msg('出错了',{
                    time: 1000,
                    end:function(e){
                        layer.closeAll();
                        tableIns.reload();
                    }});
            }
        })

    }


});